page {
  height: 100vh;
  background-color: #efefef !important;
  display: flex;
  flex-direction: column;
  // padding: 16px;
  box-sizing: border-box;

  >view {
    &:nth-child(n+2) {
      margin-top: 16rpx;
    }
  }
}

.swiper {
  swiper {
    height: 360rpx;
    background-color: skyblue;
    border-radius: 10rpx;
    overflow: hidden;

    swiper-item {
      image {
        width: 100%;
        height: 100%;
        border-radius: 10rpx;
        overflow: hidden;
      }

      &:first-child {
        background-color: lightsalmon;
      }

      &:last-child {
        background-color: lightseagreen;
      }
    }
  }
}

.info {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx 16rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
  .iconfont{
    font-size: 24rpx;
  }
}

.good-nav {
  display: flex;
  justify-content: space-between;
  padding: 20rpx 16rpx;
  border-radius: 10rpx;

  view {
    navigator {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    image {
      width: 80rpx;
      height: 80rpx;
    }

    text {
      font-size: 24rpx;
      margin-top: 12rpx;
    }
  }
}

.good-hot {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 16rpx;
  font-size: 24rpx;

  .scroll-x {
    width: 100%;
    white-space: nowrap;

    // background-color: skyblue;
    view {
      display: inline-block;
      width: 320rpx;
      height: 440rpx;
      margin-right: 16rpx;

      .good-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text{
          &:nth-of-type(1){
            font-weight: bold;
          }
        }

      }

      image {
        width: 100%;
        height: 320rpx;

      }


      &:last-child {
        margin-right: 0;
      }

      // &:first-child {
      //   background-color: lightseagreen;
      // }
    }
  }

  .scroll-y {
    height: 400rpx;
    background-color: skyblue;
    margin-top: 10rpx;

    view {
      height: 400rpx;

      &:last-child {
        background-color: lightpink;
      }

      &:first-child {
        background-color: lightseagreen;
      }
    }
  }

  .bg-image{
    height: 400rpx;
    // background-image: url(../../assets/banner/banner-1.png);
    background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01aG16y424E11XsURUd_!!6000000007358-2-tps-206-240.png);
    background-repeat: no-repeat;
  }


}